#share {
    top: 25%;
    left: 0;
    position: fixed;
    z-index: 9999;
}
#share a {
    width: 50px;
    height: 50px;
    display: block;
    padding: 17px;
    margin-top: 8px;
    font-size: 24px;
    color: #fff;
    opacity: 1;
    transition: opacity 0.15s linear;
}

#share a:hover, 
#share a:focus, 
#share a:active {
    opacity: 2;
	color: #fff;
  padding-left: 20px;
  width: 70px;
}



#share i {
    position: relative;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translatey(-50%);
    -webkit-transform: translateX(-50%) translatey(-50%);
    -moz-transform: translateX(-50%) translatey(-50%);


}

.facebook {
    background: #3b5998;
}

.twitter {
    background: #55acee;
}

.googleplus {
    background: #25d366;
}

.linkedin {
    background: #0077b5;
}

.pinterest {
    background: #cb2027;
}